<!-- 简单的语音识别页面，虽然结构很随便但功能还是能用的 -->
<!-- 引入脚本文件 - 这里用的是相对路径，记得服务器要正确配置 -->
<script src="script.js"></script>

<!-- 简单的样式，让结果显示得像那么回事 -->
<style>
    /* 让每个命令标签都并排显示，有点网格的感觉 */
    #result>div {
        float: left;         /* 左浮动排列 */
        padding: 20px;       /* 留点内边距看起来舒服点 */
        background: #f0f0f0; /* 默认背景色 */
        margin: 5px;        /* 元素间距 */
        border-radius: 4px; /* 圆角稍微好看点 */
        transition: background 0.3s; /* 切换时有个过渡效果 */
    }
</style>

<!-- 结果显示区域 - 这个div会被JavaScript动态填充 -->
<div id="result">
    <!-- 这里会显示各种语音命令，被识别的会变成绿色 -->
    <!-- 页面加载后会自动初始化，不需要用户点什么按钮 -->
</div>